<div id="subHeader">
	<div class="container-fluid">
		<div class="col-md-2">
			<p class="img-container md profile"><img src="{{$root.user.photo_url}}" /></p>
		</div>
		<div id="userName" class="col-md-10">
			<h2>{{$root.user.name}} {{$root.user.lastName}}</h2>
			<p><i class="fa fa-futbol-o white"></i> {{gamesPlayed}} partidos jugados</p>
		</div>
	</div>
</div>
  	
<div class="container-fluid">
	<div id="profile">
		<div class="row">
			<div class="col-md-12 text-left">
				<i class="fa fa-user green"></i> <h2 style="display: inline-block;">Mis datos</h2>
			</div>
		</div>
		
		<form role="form">
		<div class="row">
			<div class="col-md-4">
				<div class="form-group">
				    <label for="userName">Nombre:</label>
				    <input type="text" class="form-control" ng-model="$root.user.name" id="userName" placeholder="">
			  	</div>
			</div>
			<div class="col-md-4">
				<div class="form-group">
				    <label for="userLastName">Apellido:</label>
				    <input type="text" class="form-control" ng-model="$root.user.lastname" id="userLastName" placeholder="">
			  	</div>
			</div>
			<div class="col-md-4">
				<div class="form-group">
				    <label for="userBirthday">Cumpleaños:</label>
				    <input id="userBirthday" type="text"
	                   class="form-control"
	                   data-date-time-picker
	                   data-language="{{es}}"
	                   data-pick12HourFormat="false"
	                   data-date-format="DD/MM/YYYY"
	                   data-date-pickTime="false"
	                   data-use-current="{{false}}"
	                   data-location="{{testProject}}"
	                   placeholder=""
	                   ng-model="$root.user.age"
	                    />
			  	</div>
			</div>
		</div>
		
		<div class="row" ng-hide="true">
			<div class="col-md-12">
				<h3 class="text-left">Notificaciones</h3>
				<p>Elegí qué notificaciones querés recibir de Fulbo.com</p>
				
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-4">
				<div id="saveButton" class="button button-lightGray full text-center" ng-click="saveUserData()">
					<div><span class="glyphicon glyphicon-ok gray"></span> guardar</div>
				</div>
			</div>
		</div>
		</form>
		<div class="row">
			<div class="col-md-4">
				<div id="logoutButton" class="button button-lightGray full text-center" ng-click="logout()">
					<div><span class="glyphicon glyphicon-ok gray"></span> logout</div>
				</div>
			</div>
		</div>
	</div>
	
</div>
